<template>
<div class="innerpage">
  <Top></Top>
  <div class="bgcolor">
        <div class="wrap">
            <div class="public">
                <h5 style="font-size:16px">{{title}}</h5>
                <dl>
                    <dt>安全生产管理人员证书考试</dt>
                    <dd>考试时间：60分钟</dd>
                    <dd>题目数量：200题</dd>
                    <dd style="display:table"><span class="tit">考试规则：</span>1.考试通过即可发布证书<br>2.考试通过即可发布证书</dd>
                </dl>
            </div>
            <div style="text-align:center;padding:30px 0">
                  <el-button type="warning" class="yellow btnwidth">学识不足请继续学习</el-button>
                  <el-button type="info" class="btnwidth">开始考试</el-button>
            </div>
        </div>
    </div>
</div>
  
</template>

<script>
import Top from '@/components/layout/top'

export default {
  components: {
    Top
  },
  data() {
    return {
        title:"证书考试"
    }
  },
};
</script>
<style  scoped>
.bgcolor{ 
    background:#f5f5f5;
    padding: 30px 0;
}
.public h5 {
  font-size: 18px;
  font-weight: normal;
  margin: 20px auto;
}
.public h5::before {
  content: "";
  width: 3px;
  height: 18px;
  display: inline-block;
  background: #4398f8;
  margin-right: 15px;
  vertical-align: middle;
}
.public dl dt{
    margin-bottom: 20px;
}
.public dl dd{
    line-height: 28px;
    color: #999;
}
.public dl dd.tit{
    display: table-cell;
}
.yellow{
    background-color: #F09C08;
    font-size: 16px;
   
}
.btnwidth{
     width: 214px;
}
</style>